<!DOCTYPE html>
<html>
<head>
	<title>Stack Clonev8.0</title>
	<link rel="stylesheet" type="text/css"  href="./style.css" />
	<script>
		window.onerror = function(msg, url, line) {
			console.error('Error: ' + msg + '\nURL: ' + url + '\nLine: ' + line);
			return false;
		};
	</script>
</head>
<body>
<div id="instructions">
  <div class="content">
    <p>Stack the blocks on top of each other</p>
    <p>Click, tap or press Space when a block is above the stack. Can you reach the blue color blocks?</p>
    <p>Click, tap or press Space to start game</p>
  </div>
</div>
<div id="results">
  <div class="content">
    <p>You missed the block</p>
    <p>To reset the game press R</p>
  </div>
</div>
<div id="score">0</div>

<script src="three.min.js"></script>
<script src="cannon.min.js"></script>
<script>
	// 检查资源是否加载成功
	window.addEventListener('load', function() {
		if (typeof THREE === 'undefined') {
			console.error('Three.js failed to load');
		}
		if (typeof CANNON === 'undefined') {
			console.error('Cannon.js failed to load');
		}
	});
</script>
<script src="main.js"></script>
</body>
</html>